<script setup>

</script>
<template>




    <div class="header">
        <img src="../assets/4.png" alt="">
        <div>云端中国城管理系统</div>
        <div class="user">
            <img src="../assets/2.png" alt="">
            <span>管理员</span>
        </div>
    </div>





</template>
<style scoped>
.header {
    height: 60px;
    /* background-color:#abcdef; */
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    padding-right: 10px;
}

.header .user {
    display: flex;
    align-items: center;
}

.header img {
    width:60px;
    border-radius: 20px;
    margin-right: 10px;
}

.header>img {
    width:30px;
    height: auto;
    cursor: pointer;
}
</style>
